{% extends "layout.html" %}

{% block title %}
three.js demo
{% endblock %}

{% block style %}
<link rel="stylesheet" type="text/css" href="{{url_for('monitor.static', filename='content/three.css')}}">
{% endblock %}


{% block mainbody %}
   <div id="menu">  
  <div onclick="build()" class='button red center'>Generate new</div>
  
  <input checked type="checkbox" id="chkTrees" />
<label for="chkTrees">Trees</label>
  
    <input checked type="checkbox" id="chkMountains" />
<label for="chkMountains">Mountains</label>
  
   <input checked type="checkbox" id="chkClouds" />
<label class="wskLabel" for="chkClouds">Clouds</label>
  
  
  
</div>
<div id="world"></div>

{% endblock %}

{% block scripts %}
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/threejs/three.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/threejs/OrbitControls.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='js/HoleApp.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/threejs/TweenMax.min.js')}}"></script>


{% endblock %}
